<!-- 预约排期弹框 -->
<template>
	<view class="flex_col center background_white" style="padding: 40rpx;padding-top: 34rpx;margin: 0rpx 100rpx;">
		<view style="font-size: 32rpx;color: black;">{{title}}</view>
		<view style="height: 60rpx;"></view>
		<view style="font-size: 26rpx;color: grey;">{{content}}</view>
		<view class="flex_row center" style="margin-top: 60rpx;">
			<fl_btn :text="cancel_text" font_size="28rpx" :primary="true" width="224rpx"/>
			<view style="width: 22rpx;"/>
			<fl_btn :text="confirm_text" font_size="28rpx" :primary="false" width="224rpx"/>
		</view>
		<view style="height: 32rpx;"/>
		<view class="center flex_row">
			<view style="height: 28rpx;width:28rpx;background-color: red;"/>
			<view style="font-size: 26rpx;color: grey;">{{bottom_text}}</view>
		</view>
	</view>
</template>

<script>
	import fl_btn from "../fl_btn.vue"
	export default {
		name:"booking_scheduling_dialog",
		components:{
			fl_btn
		},
		data() {
			return {
				
			};
		},
		props:{
			title:{
				type:String,
				default:"默认标题"
			},
			content:{
				type:String,
				default:"默认内容"
			},
			cancel_text:{
				type:String,
				default:"取消"
			},
			confirm_text:{
				type:String,
				default:"确定"
			},
			// 默认不显示下边内容
			with_bottom:{
				type:Boolean,
				default:false
			},
			bottom_text:{
				type:String,
				default:""
			},
		},
	}
</script>

<style lang="scss">

</style>
